<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- public quote -->
<%@include file="/jsp/comm_css_include.jsp"%>
<!-- jqgrid-->
<link href="${basePath}/css/plugins/jqgriddemo/css/ui.jqgrid-bootstrap.min.css" rel="stylesheet" />
<!doctype html>
<html>
<head>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
			font-size: 12px;
		}
	</style>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		 <div class="iboxtitle">
             <span><i class="glyphicon glyphicon-map-marker"></i>&nbsp;贷后业务>客户申请代偿</span>
         </div>
         <div class="ibox-content ibox-zxsearchqu">
               <div role="form" class="form-inline">
                   <div class="form-group">
                   		<label class="sr-only">客户名：</label>
                       <input type="text" placeholder="客户名" id="customerName" name="customerName" class="form-control">
                   </div>
                   <div class="form-group">
                    	<label class="sr-only">业务员：</label>
                       <input type="text" placeholder="业务员" id="salesmanName" name="salesmanName" class="form-control">
                   </div>
                   &nbsp;&nbsp;
                   <div class="form-group">
                        <label class="sr-only">时间区间：</label>
                        <input id="submitTimeStart" name="submitTimeStart" placeholder="开始时间" class="laydate-icon form-control">
                        <input id="submitTimeEnd" name="submitTimeEnd" placeholder="结束时间" class="laydate-icon form-control">
                    </div>
                    <button class="btn dpbtn_blue_null" type="button" onclick="query(1);">当日</button>
					<button class="btn dpbtn_blue_null" type="button" onclick="query(2);">昨日</button>
					<button class="btn dpbtn_blue_null" type="button" onclick="query(3);">近7日</button>
					<button class="btn dpbtn_blue_null" type="button" onclick="query(4);">全部</button>
                   <button class="zhixcx" type="button" onclick="query(0);">执行查询</button>
               </div>
          </div>
          <div class="ibox-content">	
	          	<div class="jqGrid_wrapper">
		             <table id="table_list_1"></table>
		             <div id="pager_list_1"></div>
	         	</div>
          </div>
	</div>
	
	
	<!-- public quote -->
    <%@include file="/jsp/comm_js_include.jsp"%>

	<!-- jqGrid -->
    <script type="text/javascript" charset="utf-8" src="${basePath}/js/plugins/jqgriddemo/js/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="${basePath}/js/plugins/jqgriddemo/js/grid.locale-cn.min.js"></script>	
    
    <!-- layerDate plugin javascript -->
    <script src="${basePath}/js/plugins/layer/laydate/laydate.js"></script>
    
    
    <!--
    	作者：zhangpp
    	时间：2017-04-06
    	描述：js
    -->
    <script type="text/javascript">
	    
	    var winWidth = $(window).width();
		var winHeight = $(window).height();
		
	    jQuery(function($) {  
	    	
	    	//外部js调用
		    laydate({
		        elem: '#submitTimeStart', 
		        event: 'focus' 
		    });
	    	
		    laydate({
		        elem: '#submitTimeEnd', 
		        event: 'focus' 
		    });
	    	
	    	getData();
	    });
	    
	    var getData = function()
	    {
   	   	   winWidth = $(window).width();
   	   	   winHeight = $(window).height() / 2.5;
  		   var win = winWidth / 7 - 20;
  		
  	 	   $.jgrid.defaults.styleUI = 'Bootstrap';
  	 	   
		  jQuery("#table_list_1").jqGrid
		  ({
			url:'${basePath}/CustomController/getYwBusinessVoList',
	        datatype : "json",
	        colNames : [ '主键', '业务编号','业务提交时间', '订单类型',  '经销商', '部门','业务员', '客户姓名', '身份证号码', '银行'],
	        colModel : [ 
	                     {name: 'replaceId', index: 'id', hidden:true},
	                     {name: 'busiCode', index: 'busi_code', hidden:true},
	                     {name: 'submitTime',index: 'submitTime',width: win,align: "center"},
	                  	 {name: 'channelType',index: 'channel_type',width: win,align: "center",
	                  		formatter: function (cellvalue, options, rowObject) 
	                  		{
	                  			if(cellvalue == "01")
	                  			{
	                  				return "普通通道";
	                  			}
	                  			if(cellvalue == "02")
	                  			{
	                  				return "绿色通道";
	                  			}
	                  			return "二证贷";
	                  		}
	                  	 },
	               		 {name: 'dealerName',index: 'dealer_name',width: win,align: "center"},
	            		 {name: 'orgName',index: 'org_name',width: win,align: "center"},
	            		 {name: 'creatorName',index: 'creator_name',width: win,align: "center"},
	            		 {name: 'customerName',index: 'customer_name',width: win,align: "center"},
	            		 {name: 'customerNo',index: 'customer_no',width: win,align: "center"},
	            		 {name: 'bankLoan',index: 'bank_loan',width: win,align: "center",
	            			 formatter: function (cellvalue, options, rowObject) 
	            			 {
	            				 if(cellvalue == "BOC")
	            				 {
	            					 return "中国银行";
	            				 }
	            				 if(cellvalue == "ICBC")
	            				 {
	            					 return "工商银行";
	            				 }
								return "杭州银行";	            				 
	            			 }	 
	            		 }
	                   ],
              mtype : "post",
              height: winHeight,
              width:winWidth,  
              autowidth: false,
              shrinkToFit: false,
              rowNum: 15,
              rowList: [15, 30, 45],
              viewrecords: true,
              pager: "#pager_list_1",
              hidegrid: false,
              multiselect : false,
              altRows:true,
		       altclass:'someClass',
              ondblClickRow:function(rowId)
              {
            	  var row = $("#table_list_1").jqGrid("getRowData", rowId);
            	  window.location.href="${basePath}/CustomViewController/liftConfirmationDetail?id="+row.replaceId+"&busiCode="+row.busiCode
              },
              jsonReader : {
            	  root:"result.rows",
            	  page: "result.page",
            	  total: "result.total",
            	  records: "result.records",
            	  repeatitems: false,
            	  id: "replaceId"
              },
              loadComplete:function(datas){
	         	  if (datas.flag == "100100") {
	                   layer.msg("查询成功!", {icon: 6, time: 1000});
	                   return;
	               }
	         	  if(datas.flag == '100802') {
	 				  top.location.href = thisLoginUrl;
	 				  return;
	 			  }

	         	  layer.msg(datas.message, {icon: 2});
	           }
	      });
	    }	    
	    
	    window.onresize = function()
	    {
	    	$("#table_list_1").setGridWidth($(window).width()-80);
	    }
	    
	    var query = function(dayEnum)
	    {
	    	var postData = $("#table_list_1").jqGrid("getGridParam", "postData");
	    	
	    	var customerName = $('#customerName').val();
	    	var salesmanName = $('#salesmanName').val();
	    	var submitTimeStart = $('#submitTimeStart').val();
	    	var submitTimeEnd = $('#submitTimeEnd').val();
	    	var data = {
	    			"customerName":customerName,
	    			"salesmanName":salesmanName,
	    			"submitTimeStart":submitTimeStart,
	    			"submitTimeEnd":submitTimeEnd,
	    			"dayEnum":dayEnum
	    	};
	    	//alert(JSON.stringify(data));
	    	$.extend(postData, data);
	    	refresh();
	    }
	    
	    var refresh = function()
	    {
	    	$("#table_list_1").jqGrid("setGridParam", { search: true }).trigger("reloadGrid", [{ page: 1}]);
	    }
    </script>
</body>
</html>
